<template>
  <router-view />
</template>

<script setup>
import { onMounted, onUnmounted } from "vue";
import { useCommonStore } from "@/stores/common";
const { getVulnTypeList, getVulnSourceList } = useCommonStore();
getVulnTypeList();
getVulnSourceList();

// onMounted(() => {
//   // 重置字体大小为固定值，避免em单位异常
//   document.documentElement.style.fontSize = "16px";
// });

// onUnmounted(() => {
//   // 恢复原始字体大小设置
//   if (
//     document.documentElement.clientWidth > 1200 &&
//     document.documentElement.clientWidth < 2580
//   ) {
//     document.documentElement.style.fontSize =
//       (document.documentElement.clientWidth / 1920) * 100 + "px";
//   } else {
//     document.documentElement.style.fontSize = "100px";
//   }
// });
</script>

<style>
@keyframes clip {
  from {
    clip-path: circle(0% at var(--x) var(--y));
  }

  to {
    clip-path: circle(100% at var(--x) var(--y));
  }
}

::view-transition-old(root) {
  animation: none;
}

::view-transition-new(root) {
  mix-blend-mode: normal;
  animation: clip 0.5s ease-in;
}
</style>
